<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="utf-8"/>
    <title>网上订餐</title>
    <link th:href="@{/project/css/public.css}" rel="stylesheet"/>
    <link th:href="@{/project/css/myorder.css}" rel="stylesheet"/>
</head>
<body>
<!------------------------------head------------------------------>
<div class="head ding" th:include="include::normal_headDiv2"></div>
<!------------------------------idea------------------------------>
<div class="address mt">
    <div class="wrapper clearfix">
        <a th:href="@{/index}" class="fl">首页</a>
        <span>/</span>
        <a th:href="@{/user/order}" class="on">我的订单</a>
        <span>/</span>
        <a class="on">订单详情</a>
    </div>
</div>
<!------------------------------Bott------------------------------>
<div class="Bott">
    <div class="wrapper clearfix">
        <div class="zuo fl" th:include="include::normal_left_menu"></div>
        <div class="you fl" th:object="${order}">
            <div class="my clearfix">
                <h2>订单详情</h2>
                <h3>订单号：<span th:text="*{orderId}"></span></h3>
                <h3>下单时间：<span th:text="*{createTime}"></span></h3>
                <h3>状态：<span id="order_status" th:text="*{status}"></span></h3>
            </div>
            <div class="orderList">
                <div class="orderList1">
                    <h3>餐饮信息</h3>
                    <div class="clearfix" th:each="detail,indexStatus:*{details}">
                        <a th:href="@{${'/index/findGoodsById/'+detail.goodsId}}" class="fl"><img
                                th:src="${detail.imgUrl}"/></a>
                        <p class="fl"><a class="leave_out2" th:href="@{${'/index/findGoodsById/'+detail.goodsId}}"
                                         th:text="${detail.goodsName}"></a></p>
                        <p class="fr"><a th:text="${'￥'+detail.goodsPrice+'*'+detail.goodsNum}"></a></p>
                    </div>
                </div>
                <div class="orderList1">
                    <h3>收货信息</h3>
                    <p>姓 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：<span th:text="*{receiveUser}"></span></p>
                    <p>联系电话：<span th:text="*{receiveTel}"></span></p>
                    <p>收货地址：<span th:text="*{receiveAddr}"></span></p>
                </div>
                <div class="orderList1">
                    <h3>备注信息</h3>
                    <p th:text="*{remark}"></p>
                </div>
                <div class="orderList1" th:if="*{refundRemark!=null}">
                    <h3>退款信息</h3>
                    <p th:utext="*{refundRemark}"></p>
                </div>
                <div class="orderList1">
                    <h3>支付方式及送货时间</h3>
                    <p>支付方式：<span>在线支付</span></p>
                    <p>送货时间：<span>不限送货时间</span></p>
                </div>
                <div class="orderList1 hei">
                    <h3><strong>订单金额：</strong><span th:text="*{'￥'+totalPrice}"></span></h3>
                </div>
                <div class="orderList1" th:if="*{courierNumber!=null}">
                    <h3>配送信息</h3>
                    <p><span th:text="*{courierNumber}"></span></p>
                </div>
            </div>
        </div>
    </div>
</div>
<

<div id="footer" th:include="include::normal_footerDiv"></div>
<div th:include="include::footer_normal"></div>
<script th:src="@{/project/cart.js}"></script>
<script th:inline="javascript">
$("#order_status").html(convertStatus($("#order_status").html()));
</script>
</body>
</html>
